<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户角色管理</title>
    <link rel="stylesheet" href="../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../lib/bootstrap-table-dist/dist/css/bootstrap-table.min.css" />
    <link rel="stylesheet" href="../../../lib/zui/zui.js">
    <link rel="stylesheet" href="../../../lib/datetimepicker/css/datetimepicker.min.css">
    <link rel="stylesheet" href="userType.css">
</head>
<body>
<div id="basicData">
    <!-- 面包屑 -->
    <ol class="breadcrumb">
        <i class="icon icon-th-list"></i>
        <li class=""><a href="#">基本数据管理</a></li>
        <li><a href="#">用户角色管理</a></li>
    </ol>
    <!-- 班组类别管理 表格 -->

    <div class="nameClass">
        <!--  班组类别 -->
        <div class="area-name row">
            <!-- 新增 -->
            <div class="new col-sm-1">
                <input class="btn new-project" onclick="usernaClick()" type="button" value="新增">
            </div>
            <div class="userName">
                <p>角色名称</p>
                <input class="form-control" id="areaName" type="text" placeholder="请输入角色名称">
                <input class="btn btn-primary" id="inquiry" type="button" value="查询">
                <p>清空条件</p>
            </div>
        </div>

        <!-- 班组名称管理 表格 -->
    <div class="username">
        <table id="qhTable_username" class="table table-bordered table-striped table-hover"
               data-search="false" data-toolbar="#toolbarDiv"
               data-query-params="myQueryParams"
               data-striped="true"
               data-show-refresh="true"
               data-show-toggle="true"
               data-show-columns="true"
               data-show-export="false"
               data-minimum-count-columns="2"
               data-show-pagination-switch="true"
               data-id-field="id"
               data-page-list="[10, 25, 50, 100, ALL]"
               data-side-pagination="server"
               data-response-handler="responseHandler"
               data-show-footer="true"
        >
            <thead>
            <th data-field="id" data-align='center'
                data-valign="middle">序号
            </th>
            <th data-field="user-name" data-align='center'
                data-valign="middle" data-sortable="false">角色名称
            </th>
            <th data-field="user-team" data-align='center'
                data-valign="middle" data-sortable="false">角色组
            </th>
            <th data-field="user-class" data-align='center'
                data-valign="middle" data-sortable="false">角色类型
            </th>
            <th data-field="move" data-align='center'
                data-valign="middle">移动
            </th>

            <th data-field="create-date" data-align='center'
                data-valign="middle" data-sortable="false">创建日期
            </th>
            <th data-field="handle" data-align='center'
                data-valign="middle" data-sortable="false" data-formatter="totalFormatter">操作
            </th>
            </thead>
        </table>
    </div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../lib/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../../../lib/zui/zui.js"></script>
<script src="../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="//cdn.bootcss.com/layer/2.4/layer.min.js"></script>
<script src="userType.js"></script>
</html>